<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
	UES-FIA-EISI-TBS115
	PHP - Ruta desde el Documentroot
	Documento: 	SolicitudGestores.php
	Fecha:		21/junio/2011
	Autor:		juan carlos menjivar
	Descripción: 	Formulario de registro de grupos precooperativos
 	Actualizado:	F21/junio/2011, Juan carlos Menjivar.
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Solicitud de Gestores</title>

<link rel="stylesheet" href="../../../Estilos/stickytooltip.css" type="text/css"/>
<link rel="stylesheet" href="../../../Estilos/Menu_h.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../Estilos/Form.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../Estilos/Blueprint/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="../../../Estilos/Blueprint/print.css" type="text/css" media="print" />
<link rel="stylesheet" href="../../../Estilos/Principal-estilos.css" type="text/css" media="screen" />
<!--[if lt IE 8]>
  <link rel="stylesheet" href="../../../Estilos/Blueprint/ie.css" type="text/css" media="screen, projection">
<![endif]-->
<link rel="shortcut icon" href="../../../Imagenes/Icono-01.ico" type="image/x-icon"/>
<script type="text/javascript" src="../../../Script/jquery.min.js"></script><!--el core de jquery-->
<script type="text/javascript" src="../../../Script/stickytooltip.js"></script><!--el tooltip-->

<script type="text/javascript"> 
function mostrardiv() {
div = document.getElementById('flotante');
div.style.display ='';
}
function cerrar() {
div = document.getElementById('flotante');
div.style.display='none';
}
 
/////////////////////////funcion jQuery stepForm////////////////////////////
jQuery.extend({
    stepForm: function(txtBack, txtNext, token){
    		var fieldsets = $((token || 'fieldset'), $("form.stepMe"));
        var total = $(fieldsets).length;
				$(fieldsets).each(function(x,el){
			    if (x > 0) {
			      $(el).hide();
			      $(el).append('<a class="backStep" href="#x_' + (x-1) + '">'+ (txtBack || 'Anterior') +'</a>');
			      $(".backStep", $(el)).bind("click", function(){
			                $("#x_" + (x - 1)).show();                
			                $(el).hide();
			       });
			    }
			    
			    if ((x+1)< total) {
			        $(el).append('<a class="nextStep" href="#_' + (x+1) + '">'+(txtNext || 'Siguiente')+'</a>');
			        $(".nextStep", $(el)).bind("click", function(){
			                $("#x_" + (x + 1)).show();                
			                $(el).hide();
			        });
			    }
			    $(el).attr("id", "x_" + x);
			});
    }
});
$(document).ready(function() { //document ready
	$.stepForm();
});


</script>

</head>

<body>
<div class="container">
	<div class="span-24 last "> <!--Inicia header-->
		<div class="header">
			
			<!--<span class="logo-gobierno"></span>-->
		</div>
	</div>
	<div class="span-24 last"> <!--Inicia menu horizontal-->
		<div class="menu-horizontal">	
			<div class="menu-contenedor">
				<div class="menu-h">
					<ul>
						<li class="inicio"><a href="#">Inicio</a><!--elemento inicio--> 
						<li class="sesion"><a href="#">Sesi&oacute;n</a> 
							<ul>
								<li class="nivel22"><a href="#">Cerrar Sesi&oacute;n</a></li>
								<li class="nivel22"><a href="#">Cambiar Usuario</a></li>
							</ul>
						</li>
						<li class="consultar"><a href="#">Asambleas</a>
							<ul>
								<li class="nivel22"><a href="#">Consultar Asambleas Generales</a></li>	
							</ul>
						</li>
						<li class="credencial"><a href="#">Credenciales</a>
							<ul>
								<li class="nivel22"><a href="#">Consultar</a></li>
								<li class="nivel22"><a href="#">Emitir Credenciales</a></li>
							</ul>
						</li>
						<li class="certificar"><a href="#">Certificaciones</a>
							<ul>
								<li class="nivel22"><a href="#">Consultar</a></li>
								<li class="nivel22"><a href="#">Emitir Certificaci&oacute;n</a></li>
							</ul>
						</li>
						<li class="registro"><a href="#">Registrar</a>
							<ul>
								<li class="nivel2"><a href="#">Representantes</a>
									<ul>
										<li class="nivel22"><a href="#">Consejo de Administraci&oacute;n</a></li>
										<li class="nivel22"><a href="#">Comite de Educaci&oacute;n</a></li>
										<li class="nivel22"><a href="#">Junta de Vigilancia</a></li>
										<li class="nivel22"><a href="#">Representante Legal</a></li>
										<li class="nivel22"><a href="#">Cambio Representante Legal</a></li>
									</ul>
								</li>
								<li class="nivel2"><a href="#">Asientos</a>
									<ul>
										<li class="nivel22"><a href="#">Registrar (Inscripci&oacute;n de Cooperativa)</a></li>
										<li class="nivel22"><a href="#">Reformas a Estatutos</a></li>
										<li class="nivel22"><a href="#">Consultar</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li class="ayuda ayuda1"><a href="#"></a>
							<ul>
								<li class="nivel22"><a href="#">Ayuda</a></li>
                                <li class="nivel22"><a href="#">Mapa del Sistema</a></li>
								<li class="nivel22"><a href="#">Acerca de CIRAC</a></li>
							</ul>
						</li>
					</ul>
				</div> <!--fin de menu-->
		</div>
	</div>
	<!--Inicia cuerpo-->
	<div class="span-5"> <!--Inicia menu vertical-->
		<div class="menu-vertical">
		<div class="conten-logo-insafocoop"><div class="logo-insafocoop"></div></div>
		<ul>
			<li><a href="#" alt="Menu" title="el menu">menu vertical</a></li>
			<li><a href="#" alt="Menu" title="el menu">menu vertical</a></li>
			<li><a href="#" alt="Menu" title="el menu">menu vertical</a></li>
			<li><a href="#" alt="Menu" title="el menu">menu vertical</a></li>
			<li class="ultima-li"><a href="#" alt="Menu" title="el menu">menu vertical</a></li>
		</ul>
		</div>
		<div class="avisos">
			<h2 class="nueva">Noticias!</h2>
			<p>Gran encuentro cooperativo Salvadore&ntilde;o a llevarse a cabo el dia...</p>
		</div>
	</div>

	<div class="span-19 last"> <!--Inicia contenido principal-->
		<div class="contenido-principal contenido-fondo">			
			<h2>Solicitud de Gestores</h2>
			<div align="center"> 
				<form action="plantilla_formulario.html" method="post" name="formulario" class="stepMe">
         <fieldset>
					<table class="tabla-form" border="0"><!--bloque 1-->
						<tr>
							<td colspan="4"><div class="separador"><strong>1. Lugar y fecha</strong></div></td>
							<td width="19"><a href="#" data-tooltip="sticky1"><div class="help"></div></a></td>
						</tr>
						<tr>
							<td width="120"><label>Lugar</label></td>
							<td width="146"><input type="text" name="txtNombre" id="txtNombre" class="inp2" /></td>
							<td width="180"><label>Fecha</label></td>
							<td width="378" ><div align="left"> 25/10/2011</div></td>
							<td width="19">&nbsp;</td>
						</tr>
					</table><!--fin de bloque 1-->
					<table class="tabla-form" border="0"><!--bloque 2-->
						<tr>
							<td colspan="4"><div class="separador"><strong>2. Aspirantes a Grupo Cooperativo </strong></div></td>
							<td width="19"><a href="#" data-tooltip="sticky2"><div class="help"></div></a></td>
						</tr>
						<tr>
							<td width="80"><label>1. Nombre</label></td>
							<td width="146"><input type="text" name="txtNombre" id="txtNombre" class="inp2" /></td>
							<td width="80"><label>Apellido</label></td>
							<td width="178"><input type="text" name="txtNombre" id="txtNombre" class="inp2" /></td>
							<td width="19">&nbsp;</td>
						</tr>
						<tr>
							<td width="80"><label>2. Nombre</label></td>
							<td width="146"><input type="text" name="txtNombre1" id="txtNombre1" class="inp2" /></td>
							<td width="80"><label>Apellido</label></td>
							<td width="178"><input type="text" name="txtApellido1" id="txtApellido1" class="inp2" /></td>
						</tr>
						<tr>
							<td width="80"><label>3. Nombre</label></td>
							<td width="146"><input type="text" name="txtNombre2" id="txtNombre2" class="inp2" /></td>
							<td width="80"><label>Apellido</label></td>
							<td width="178"><input type="text" name="txtApellido2" id="txtApellido2" class="inp2" /></td>
						</tr>
						<tr>
							<td colspan="4" style="margin:0px;padding-right:12px;">
							<div id="mostrarDiv" style="padding-right:22px;"><a href="javascript:mostrardiv();">Agregar m&aacute;s nombres<img src="../../../Imagenes/abajo.png"/></a></div>
							<div id="flotante" style="display:none;background:#E5ECF9;margin:0px;padding:0px;">
							
								<table class="tabla-form"style="margin:0px;padding:0px;"><!--campo oculto-->
								<tr>
									<td width="80"><label>4. Nombre</label></td>
									<td width="146"><input type="text" name="txtNombre4" id="txtNombre4" class="inp2" /></td>
									<td width="100"><label>Apellido</label></td>
									<td width="175"><input type="text" name="txtApellido4" id="txtApellido4" class="inp2" /></td>
								</tr>
								<tr>
									<td width="80"><label>5. Nombre</label></td>
									<td width="146"><input type="text" name="txtNombre5" id="txtNombre5" class="inp2" /></td>
									<td width="100"><label>Apellido</label></td>
									<td width="175"><input type="text" name="txtApellido5" id="txtApellido5" class="inp2" /></td>
								</tr>
								<tr>
									<td width="80"><label>6. Nombre</label></td>
									<td width="146"><input type="text" name="txtNombre6" id="txtNombre6" class="inp2" /></td>
									<td width="100"><label>Apellido</label></td>
									<td width="175"><input type="text" name="txtApellido6" id="txtApellido6" class="inp2" /></td>
								</tr>
								</table>
								<div style="padding-right:22px;"><a href="javascript:cerrar();" style="padding-buttom:1px;">Ocultar<img src="../../../Imagenes/arriba.png" align="top"/></a></div>
							</div>
							</td>
							<td>&nbsp;</td>
						</tr>
						<tr>
							<td width="80"><label>Domicilio</label></td>
							<td width="146"><input type="text" name="txtDomicilio" id="txtDomicilio" class="inp2" /></td>
							<td width="80"><label>Departamento</label></td>
							<td width="178"><input type="text" name="txtDepartamento" id="txtDepartamento" class="inp2" /></td>
						</tr>
						<tr>
							<td width="80"><label>Finalidad</label></td>
							<td width="146"><input type="text" name="txtFinalidad" id="txtFinalidad" class="inp2" /></td>
							<td width="19">&nbsp;<!--<a href="#" data-tooltip="sticky3"><div class="help"></div></a>--></td>
							<td width="178">&nbsp;</td>
							<td width="19">&nbsp;</td>
						</tr>
					</table><!--fin de bloque 2-->
					<table class="tabla-form" border="0"><!--bloque 3-->
						<tr>
							<td colspan="4"><div class="separador"><strong>3. Datos del Grupo Gestor</strong></div></td>
							<td width="19"><a href="#" data-tooltip="sticky4"><div class="help"></div></a></td>
						</tr>
						<tr>
							<td width="80"><label>Direcci&oacute;n</label></td>
							<td width="146"><textarea name="txaDireccionGP" class="inp_area2"></textarea></td>
							<td width="80"><label>Ciudad <br/><br/>Departamento</label></td>
							<td width="178"><input type="text" name="txtCiudad" id="txtCiudad" class="inp2" /><br/><br/><input type="text" name="txtDepartamentoGP" id="txtDepartamentoGP" class="inp2" /></td>
						</tr>
						<tr>
							<td width="80"><label>Contacto</label></td>
							<td width="146"><input type="text" name="txtContacto" id="txtContacto" class="inp2" /></td>
							<td width="80"><label>Tel&eacute;fono N</label></td>
							<td width="178"><input type="text" name="txtTelefono" id="txtTelefono" class="inp2" /></td>
						</tr>
						<tr>
							<td width="80"><label>N Interesados</label></td>
							<td width="146"><input type="text" name="txtInteresados" id="txtInteresados" class="inp2" /></td>
							<td width="80"><label>Potencial</label></td>
							<td width="178"><input type="text" name="txtPotencial" id="txtPotencial" class="inp2" /></td>
						</tr>
						<tr>
							<td width="80"><label>Nombre</label></td>
							<td align="left" width="146"><input type="text" name="txtInteresados" id="txtInteresados" class="inp2" /></td>
							<td width="19">&nbsp;<!--<a href="#" data-tooltip="sticky5"><div class="help"></div></a>--></td>
							<td width="178">&nbsp;</td>
						</tr>
					</table><!--fin de bloque 3-->
                    <div align="right" style="padding:6px;">
                    <button type="submit" class="boton-form boton-form-link "><img src="../../../Imagenes/Save.png"/>Guardar</button>
                    <button type="reset" class="boton-form boton-form-link "><img src="../../../Imagenes/Limpia.png"/>Limpiar</button>
                    <button type="button" class="boton-form boton-form-link"><img src="../../../Imagenes/Cancel.png" />Cancelar</button>			
                    </div>
                 </fieldset>
                     <fieldset> <div align="right" style="padding:6px;">
                    <button type="submit" class="boton-form boton-form-link "><img src="../../../Imagenes/Save.png"/>Guardar</button>
                    <button type="reset" class="boton-form boton-form-link "><img src="../../../Imagenes/Limpia.png"/>Limpiar</button>
                    <button type="button" class="boton-form boton-form-link"><img src="../../../Imagenes/Cancel.png" />Cancelar</button>			
                    </div>
                       </fieldset>
				</form>
				<br/>
			</div>
		</div>
	</div>
	<!--HTML for the tooltips(El JQuery)-->
	<div id="mystickytooltip" class="stickytooltip">
		<div style="padding:5px">
			<div id="sticky1" class="atip" style="width:262px">
				<table align="center" class="tooltipz">
				<tr>
					<td align="center" valign="top"><img src="../../../Imagenes/Info.png" style="width:50px; eight:50px;"/></td>
					<td align="left" >
						<strong>Informaci&oacute;n</strong><br/>
						Debes escribir el Lugar y Fecha.
					</td>
				</tr>
				</table> 
			</div>
			<div id="sticky2" class="atip" style="width:262px">
				<table align="center" class="tooltipz">
				<tr>
					<td align="left" width="50px" valign="top"><img src="../../../Imagenes/Info.png" style="width:50px; eight:50px;"/></td>
					<td align="left" >
						<strong>Informaci&oacute;n</strong><br/>
						<ul>
							<li><small>Ingrese los Nombres y Apellidos de Todas las personas que conformar&aacute;n el Grupo Precooperativo.</small></li>
							<li><small>Si el grupo es mayor a <strong>3</strong> personas puede agregar mas campos dando Click en  Agregar m&aacute;s nombres<img src="../../../Imagenes/abajo.png"/></small></li>
						</ul>			 
					</td>
				</tr>
				</table> 
			</div>
			<div id="sticky3" class="atip" style="width:262px">
				<table align="center" class="tooltipz">
				<tr>
					<td align="left" width="50px" valign="top"><img src="../../../Imagenes/Info.png" style="width:50px; eight:50px;"/></td>
					<td align="left" >
						<strong>Informaci&oacute;n</strong><br/>
						Ingrese la Finalidad de la Cooperativa, a crear.
					</td>
				</tr>
				</table> 
			</div>
			<div id="sticky4" class="atip" style="width:262px">
				<table align="center" class="tooltipz">
				<tr>
					<td align="left" width="50px" valign="top"><img src="../../../Imagenes/Info.png" style="width:50px; eight:50px;"/></td>
					<td align="left" >
						<strong>Informaci&oacute;n</strong><br/>
						Ingrese los datos del Grupo Gestor.
					</td>
				</tr>
				</table> 
			</div>
			<div id="sticky5" class="atip" style="width:262px">
				<table align="center" class="tooltipz">
				<tr>
					<td align="left" width="50px" valign="top"><img src="../../../Imagenes/Info.png" style="width:50px; eight:50px;"/></td>
					<td align="left" >
						<strong>Informaci&oacute;n</strong><br/>
						Ingrese el nombre asignado a el Grupo Gestor.
					</td>
				</tr>
				</table> 
			</div>
		<div class="stickystatus"></div>
		</div>
	</div>
	<div class="span-24 last"> <!--Inicia footer-->
		<div class="footer"></div>
	</div>
</div>
</body>
</html>
